<script setup>
import AppLayout from '../../components/AppLayout.vue'
import { Odometer, ChatDotRound, Link, Connection, HomeFilled } from '@element-plus/icons-vue'
const nav = [{
    label: '仪表盘',
    icon: Odometer,
    link: 'workbench'
},{
    label: '待办事项',
    icon: ChatDotRound,
    link: 'message'
},{
    label: '线索',
    icon: Link,
    link: 'leads'
},{
    label: '客户',
    icon: Connection,
    link: 'customer'
},{
    label: '联系人',
    icon: HomeFilled,
    link: 'contacts'
},{
    label: '商机',
    icon: HomeFilled,
    link: 'business'
},{
    label: '合同',
    icon: HomeFilled,
    link: 'contract'
},{
    label: '回款',
    icon: HomeFilled,
    link: 'receivables'
},{
    label: '发票',
    icon: HomeFilled,
    link: 'invoice'
},{
    label: '回访',
    icon: HomeFilled,
    link: 'visit'
},{
    label: '产品',
    icon: HomeFilled,
    link: 'product'
}]
</script>
<template>
    <AppLayout>
        <div>
            <ul class="aside-nav">
                <li v-for="item in nav">
                    <router-link :to="item.link">
                        <el-icon><component :is="item.icon"/></el-icon>
                        <span>{{ item.label }}</span>
                    </router-link>
                </li>
            </ul>
        </div>
    </AppLayout>
</template>
